<template>
  <div class="movie-view has-header">
    <ShowNba :title="novel.title" type="hasCover" :items="novel"></ShowNba>
  </div>
</template>
<script>
/* eslint-disable */
import { mapState } from "vuex";

import ShowNba from "../components/ShowNba";

export default {
  name: "nba-view",
  components: { ShowNba },
  data() {
    return {};
  },
  computed: {
    // Getting Vuex State from store/modules/book
    ...mapState({
      novel: function(state) {
        return state.getNba.novel;
      }
    })
  },
  methods: {
    // Dispatching getnba
    getnba: function() {
      console.log(123);
      this.$store.dispatch("getnba");
    }
  },
  created: function created() {
    // Getting books data on created
    console.log(456);
    this.getnba();
  }
};
</script>

<style scoped>
.promItem {
  overflow: hidden;
  margin: 1.6rem 1.8rem 0.8rem 1.6rem;
}

.corver {
  float: left;
  width: 10rem;
  margin-right: 1.5rem;
}

.content {
  margin-right: 1rem;
}

.name {
  font-size: 2rem;
  color: #494949;
  margin: 1rem;
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.price {
  float: right;
  color: #e76648;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.info {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.5;
  color: #9b9b9b;
}
</style>
